import {Col, PageHeader, Row} from "antd";

function FundCharts(props) {

    let imgSrc = "http://j4.dfcfw.com/charts/pic6/" + props.code + ".png?v=" + Date.parse(new Date());

    return (
        <>
            <Col >
                <div style={{
                    display: "inline-block",
                    border: "2px solid #409EFF",
                    borderRadius: "8px",
                    padding: "20px 0",
                    marginBottom:10
                }}>
                    <img src={imgSrc} alt=""/>
                </div>
            </Col>
        </>
    )
}

function FundWatch() {

    const FundCodeList = ["001301", "000566", "001217", "000960", "110022", "160221"]

    return (
        <>
            <PageHeader
                title="基金关注"
                subTitle="服务器迁移，临时放置"
            />

            <div>
                <Row gutter={{xs: 8, sm: 16, md: 24, lg: 32}}>
                    {
                        FundCodeList.map((item) => {
                            return (
                                <FundCharts code={item}/>
                            )
                        })
                    }
                </Row>
            </div>
        </>
    )
}

export default FundWatch